import React from "react";
import { Form, Col, Row, Button, Select,Input } from "antd";
import { LeftOutlined,AlignLeftOutlined} from "@ant-design/icons";
import { Link } from "react-router-dom";
import {businessTypeEnum,managementTypeEnum} from "../common/shopEum.js";


const { Option } = Select;
const getFields = () => {
    return (
      <React.Fragment>
        <Col span={24}>
          <div   className="headAddShop">
            <Row>
            <Col span={8}>
              <LeftOutlined  style={{fontSize:30,paddingLeft:10,paddingTop:10,paddingBottom:10 }}/>
              </Col>
              <Col span={8} style={{paddingLeft:100,paddingTop:10,paddingBottom:10}}>
                <span style={{center:30,fontSize:20}}>门店管理</span>
              </Col>

              <Col span={8} style={{paddingTop:10,paddingBottom:10,paddingRight:10,paddingLeft:160}}>
                <Button style={{background:'#FFC300'}}>
                  <Link to="/poi-manage/addShop">
                  创建新门店
                  </Link>
                  </Button>
                <AlignLeftOutlined/>
              </Col>
            </Row>
          </div>
        </Col>

        <Col span={8} style={{marginTop:30}}>
         
         <Row className="divfix">
         <Col  className="leftCommDiv" span={14} >
         状态
         </Col>

         <Col span={10}>
         <Form.Item name="enabledSer"  style={{height:8}}>
         <Select>
              <Option value="all">所有</Option>
              <Option value={true}>营业中</Option>
              <Option value={false}>停业中</Option>
            </Select>
       </Form.Item>
         </Col>
         </Row>
     </Col>

     <Col span={8}  style={{marginTop:30}}>
     
       <Row className="divfix" >
       <Col  span={10}  className="leftCommDiv">
       菜品单价
         </Col>

         <Col span={14}>
           <Form.Item name="businessTypeSer">
           <Select>
              <Option value="all">所有</Option>
              <Option value="DINNER">{businessTypeEnum['DINNER']}</Option>
              <Option value="FAST_FOOD">{businessTypeEnum['FAST_FOOD']}</Option>
              <Option value="HOT_POT">{businessTypeEnum['HOT_POT']}</Option>
              <Option value="BARBECUE">{businessTypeEnum['BARBECUE']}</Option>
              <Option value="WESTERN_FOOD">{businessTypeEnum['WESTERN_FOOD']}</Option>
            </Select>

           </Form.Item>
        
         </Col>
       </Row>
       
     </Col>

     <Col span={8}  style={{marginTop:30}}>

         <Row className="divfix">
       <Col  span={14} className="leftCommDiv">
         计量单位
        </Col>

         <Col span={10}>
         <Form.Item name="managementTypeSer" style={{height:8}} 
         >
          <Select>
              <Option value="all">所有</Option>
              <Option value="DIRECT_SALES">{managementTypeEnum['DIRECT_SALES']}</Option>
              <Option value="ALLIANCE">{managementTypeEnum['ALLIANCE']}</Option>
            </Select>
         </Form.Item>
         </Col>
       </Row>
     </Col>
     
        <Col span={4} className="leftCommDiv" style={{ marginLeft: 30 }}>
              门店名称
         </Col>
          <Col span={8} >
            <Form.Item name="name" rules={[{ max: 10, message: "长度过大" }]}>
              <Input style={{marginLeft:-20}} />
            </Form.Item>
          </Col>
      </React.Fragment>
    );
  };
  export default getFields;